<%@ page language="java"  pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>课程考试系统</title>
    <link href="frontpage/css/bootstrap.min.css" rel="stylesheet">
    <link href="frontpage/css/font-awesome.css" rel="stylesheet">
    <link href="frontpage/css/main.css" rel="stylesheet">
</head>
<body>

<!--导航栏-->
<div class="navbar navbar-njust navbar-fixed" role="navigation">
    <div class="container clearfix">
        <div class="navbar-header">

            <div class="navbar-brand">
                <i class="fa fa-cubes"></i>
                <h4 id="maintitle" >课程考试系统</h4>
            </div>
        </div>

        <div class="navbar-collapse collapse" >

            <ul class="nav navbar-nav" style="margin-left:600px">
                <li class="pull-left active">
                    <a href="frontpage/status.jsp#">首页</a>
                </li>

                <li class="pull-left">
                    <a href="frontpage/teacher.html">教师页面</a>
                </li>

            </ul>
            <ul class="list-unstyled navbar-right clearfix">
                <li class="login">

                    <a href="frontpage/status.jsp#" id = "namehref"><span id="username" >登录</span></a>

                </li>
            </ul>
        </div>
    </div>

</div>

<!--主要页面-->
<div class="container" id="main-wrapper">
    <div class="popover-content content-home" role="main">
        <h1>南京理工大学课程考试系统</h1>
        <img src="frontpage/img/frontpage.png"/>
        <p>
            <span class="betamark">Beta</span>
        </p>



        <!--三个部分-->
        <div class="doubi clearfix">
            <div class="section section-guide">
                <div class="upicon">
                <span class="fa-stack fa-2x">
                    <i class="fa fa-circle-thin fa-stack-2x"></i>
                    <i class="fa fa-cloud fa-stack-1x"></i>
                </span>
                </div>
                <h3>最近考试</h3>
                <h4>Nearest Exam</h4>
                <ul class="list-unstyled">
                    <li><a href="#">计算机网络</a> </li>
                    <li><a href="#">人机交互技术</a> </li>
                    <li><a href="#">组成原理</a> </li>
                    <li><a href="#">更多</a> </li>
                </ul>
            </div>

            <div class="section section-guide">
                <div class="upicon">
                <span class="fa-stack fa-2x">
                    <i class="fa fa-circle-thin fa-stack-2x"></i>
                    <i class="fa fa-codepen fa-stack-1x"></i>
                </span>
                </div>
                <h3>最近考试</h3>
                <h4>Nearest Exam</h4>
                <ul class="list-unstyled">
                    <li><a href="#">计算机网络</a> </li>
                    <li><a href="#">人机交互技术</a> </li>
                    <li><a href="#">组成原理</a> </li>
                    <li><a href="#">更多</a> </li>
                </ul>
            </div>

            <div class="section section-guide">
                <div class="upicon">
                <span class="fa-stack fa-2x">
                    <i class="fa fa-circle-thin fa-stack-2x"></i>
                    <i class="fa fa-coffee fa-stack-1x"></i>
                </span>
                </div>
                <h3>最近考试</h3>
                <h4>Nearest Exam</h4>
                <ul class="list-unstyled">
                    <li><a href="#">计算机网络</a> </li>
                    <li><a href="#">人机交互技术</a> </li>
                    <li><a href="#">组成原理</a> </li>
                    <li><a href="#">更多</a> </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--回到顶部还没做-->

<div id="go-top" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="回到顶部">
    <i class="fa fa-arrow-circle-up">

    </i>
</div>




<script src="frontpage/js/jquery.min.js"></script>
<script src="frontpage/js/bootstrap.min.js"></script>
<script type="text/javascript">
    window.onload=function(){
        var user;
        getSessionUser();

    }
    function getSessionUser(){
        $.getJSON("teacher!getSessionUser.action",{},function(data){
            user = data.user;
            document.getElementById('username').innerHTML = user.name;
        });
    };
</script>

<!--页脚-->
<footer class="footer clearfix">
    <div class="container">
        <ul class="list-unstyled list-inline pull-left">
            <li>
                <a href="#">FAQ</a>
            </li>
            <li>
                <a href="#">Git</a>
            </li>
            <li>
                <a href="#">Blog</a>
            </li>
        </ul>
        <p class="pull-right">@ 2014 软件项目管理团队</p>
    </div>
</footer>
</body>
</html>